.main {
  display: flex;
  flex-direction: column;
  padding-bottom: .1rem;
  .top {
    display: flex;
    align-items: center;
    .dot {
      width: 0.0313rem;
      height: 0.0313rem;
      background: linear-gradient(180deg, #fcaa3e, #ff9500);
      border-radius: 0.0104rem;
    }
    .title {
      font-size: 0.1042rem;
      font-weight: bold;
      color: #2d322f;
      margin-left: 0.1rem;
    }
  }
  

  .main-bottom {
    //    display: flex;
    margin-top: 0.1458rem;
    // width: 100%;
    display: flex;
    border: 1px solid #e7ebee;
    .part{
        flex: 1;
        border-bottom: 1px solid #e7ebee;
       
        display: flex;
        flex-direction: column;
        font-size: .0938rem;
       
       
        .top{
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
             background: #f9f9f9;
             height: .2552rem;
            .red{
                color: #C71D32;
            }
        }
        .bottom{
            //   display: flex;
            //   flex-direction: column;
            //   .step
            //  flex: 1;
            height: .875rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .step{
                display: flex;
                align-items: center;
                .step-text{
                    font-weight: bold;
                    font-size: .0938rem;
                    margin-right: .0869rem;
                }
                .btn{
                    width: 1.151rem;
                    height: .2188rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: white;
                    background: linear-gradient(0deg,#232481, #3644bf);
                    font-weight: 400;
                    img{
                        width: .1042rem;
                        height: .1042rem;
                        margin-left: .0521rem;
                    }
                    .transform{
                        transform:rotateZ(180deg);
                    }
                }
            }
            .step:nth-child(2n){
                 margin-top: .15rem;
            }
             
          }
    }
    .part:nth-child(2){
        border-bottom: 1px solid #e7ebee;
        border-left: 1px solid #e7ebee;

    }
  }
}
.buttons{
    display: flex;
    justify-content: center;
    margin-top: .3542rem;

    // align-items: center;
    .btn{
        width: .9844rem;
        height: .2813rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #c71d32;
        font-size: .1146rem;
        font-weight: bold;
        position: relative;
        // margin-right: .1rem;
    }
   .btn:nth-child(1){
    margin-right: .05rem;
   }
   .btn:nth-child(2){
    margin-left: .05rem;
   }
    .left{
        color: white;
        background: #C71D32;
    }

    .right{
        color:  #c71d32;
        background: white;
    }
}
